﻿
.data-table {
}

.data-table, .editor-table {
    border-spacing: 0;
    border-collapse: separate;

    min-width: 50%;
    padding:3px;
    border:1px solid #ddd;
    margin-bottom: 4px;

}
    .data-table th {
        color: #000;
        text-align: left;
        font-weight: bold;
        padding: 2px 16px 2px 4px;
        white-space: nowrap;
        background-color: #eee;
        border-bottom: 3px solid white;
    }

    .data-table td, .editor-table td {
        color: #000;
        text-align: left;
        font-weight: normal;
        padding: 2px 8px 2px 4px;
    }

        .data-table td:last-child, .editor-table td:last-child, .data-table th:last-child, .editor-table th:last-child {
            padding-right: 4px;
        }


.data-row {
}
    .data-row td {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .data-row:hover td {
        background-color: #f6f6f6;
        border-color: #ddd;
    }

    tr .data-hover * {
        visibility: hidden;
    }
    tr:hover .data-hover * {
        visibility: visible;
    }

